<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>学生管理</title>
  <link rel="stylesheet" href="../static/plt/bootstrap-3.4.1/css/bootstrap.css">
  <link rel="stylesheet" href="../static/plt/Font-Awesome-3.2.1/css/font-awesome.css">
  <style>
    .time1{
      line-height: 30px;
      margin-left: 1280px;
      font-size: 20px;
    }
    .marquee {
      width: 1450px;
      height: 50px;
      background-color: #f0f0f0;
      overflow: hidden;
      position: relative;
      margin-top: 20px;
    }
    .marquee span {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      white-space: nowrap;
      line-height: 55px;
      box-sizing: border-box;
      padding-left: 100%;
      transform: translateX(-50%);
      animation: marquee 35s linear infinite;
      font-size: 30px;
      font-family: Roboto, serif;
      color: #000000;
    }
    @keyframes marquee {
      0% {
        transform: translateX(-100%);
      }
      100% {
        transform: translateX(100%);
      }
    }
     .container {
    display: inline-block;
  }
  </style>
</head>
<body>
<div>
  <nav class="navbar navbar-default">
    <div class="container-fluid">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#"><span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>  管理员主页</a>
      </div>
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
          <li><a href="/info/studentmangement"><span class="glyphicon glyphicon-tasks" aria-hidden="true"></span> 学籍管理</a></li>
          <li><a href="/info/studentScore"><span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span>  成绩管理</a></li>
          <li><a href="{{url_for('usermanagement')}}"><span class="glyphicon glyphicon-user" aria-hidden="true"></span>  人员账号管理</a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon-option-horizontal" aria-hidden="true"></span> 其他 <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="#">敬请期待**</a></li>
              <li role="separator" class="divider"></li>
              <li><a href="#">敬请期待**</a></li>
              <li role="separator" class="divider"></li>
              <li><a href="#">敬请期待**</a></li>
              <li role="separator" class="divider"></li>
              <li><a href="#">敬请期待**</a></li>
            </ul>
          </li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon-home" aria-hidden="true"></span>&nbsp{{loginname}}<span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="{{url_for('information', name=loginname)}}"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>  查看个人信息</a></li>
              <!--<li role="separator" class="divider"></li>
              <li><a href="#"><span class="glyphicon glyphicon-text-size" aria-hidden="true"></span>  修改个人信息</a></li>
              -->
              <li role="separator" class="divider"></li>
              <li><a href="{{ url_for('outlogin') }}"><span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>  退出登录</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </nav>
</div>
<div style="width:100%; height:auto;">
  <img src="/static/img/bug.jpg" alt="图片暂时无法显示" style="width:80%; height:auto;margin-left: 160px">
</div>
<div class="container">
  <div class="marquee">
  <p ><span >看bug&nbsp;&nbsp;骂bug&nbsp;&nbsp;写bug&nbsp;&nbsp;改bug&nbsp;&nbsp;全是bug </span></p>
</div>
  <div>
   <p id="currentTime" class="time1"></p>
</div>

</div>

  <script>
    function displayTime() {
      var date = new Date();
      var time = date.toLocaleTimeString();
      document.getElementById("currentTime").innerHTML = '当前时间:' + time;
      document.getElementById("currentTime").style.whiteSpace = "nowrap";
    }
    setInterval(displayTime, 1000); //每秒更新一次时间
  </script>

  <script src="../static/js/jquery-3.5.1/jquery-3.5.1.min.js"></script>
  <script src="../static/plt/bootstrap-3.4.1/js/bootstrap.js"></script>
</body>
</html>